<template>
	<div class="content-container">
		<left-content ref="leftContent" class="left-conent"
			@isEdit="isEdit"
		 	:isEdit="Edit">
		</left-content>

		<pfd-content
			ref="pfdContent"
			class="right-conent"
			@onGetListBox="onGetListBox" 
			@isEdit="isEdit"
			:isEdit="Edit"
		></pfd-content>
	</div>
</template>

<script>
import LeftContent from "@/components/EditRelationPage/pfdRelationContent/pfdRelationLeftContent";
import pfdContent from "@/components/EditRelationPage/pfdRelationContent/pfdContentView";
import eventBus from "@/eventBus/bus";

export default {
	// 注册组件
	components: {
		"left-content": LeftContent,
		"pfd-content": pfdContent,
	},
	data() {
		return {
			Edit: true
		};
	},

	methods: {
		onGetListBox(inData) {
			console.log("onGetListBox(inData)", inData);
            eventBus.$emit("pfdRelationSelectTableRow", inData);
		},
		isEdit(e){
				this.Edit = e;
		}
	},
};
</script>

<style lang="scss" scoped>
.content-container {
    display: flex;
    justify-content: flex-start;
    padding-top: 15px;
    width: 100%;
    height: 100%;

    .left-conent {
        position: relative;
        // width: 20%;
        width: 390px;
        height: 100%;
        box-sizing: border-box;
    }

	.right-conent {
        width: calc(100% - 300px);
        height: calc(100% - 0px);
	}
}
</style>